// base color
$blue:#324157;
$light-blue:#556Bff;
$red:#F53F3F;
$pink: #E65D6E;
$green: #2BA471;
$tiffany: #4AB7BD;
$yellow:#FF9247;
$panGreen: #39CE78;

$black: black;
$white: white;
$gray: #383838;
/*
自定义暗色菜单风格
*/
// 切换样式（黑夜模式）
$menu-background-tent: $black; // 整体区域背景颜色
$menu-background-tabs: $gray; // tabs背景颜色
$menu-background-nav-left: $gray; //头部 导航背景颜色
$menu-background-nav: $gray; //头部 导航背景颜色
$base-menu-color: $white; // 默认 字体颜色
$base-menu-color-active:$white; // 目录激活字体颜色
$base-menu-background:$gray; //left 一级目录 菜单颜色
$base-sub-menu-background:$gray; //left 二级目录 菜单颜色
$base-sub-menu-hover:#555555; //hover 菜单颜色
$base-sub-menu-background-star-active:#555555; // 选中菜单 开始颜色
$base-sub-menu-background-end-active:#292929; // 选中菜单 结束颜色
$base-sub-menu-color-active:#285dff; // 选中菜单 字体颜色
$body-background: $gray; // 内容背景颜色
// 切换样式（白天模式）
$menu-background-light-tent: #eff3f9; // 整体区域背景颜色
$menu-background-light-tabs: $white; // tabs背景颜色
$menu-light-background-nav-left: linear-gradient( 90deg, #DEEBFF 0%, #DEEBFF 100%);; //头部 导航背景颜色
$menu-light-background-nav: linear-gradient( 90deg, #DEEBFF 0%, #FFFFFF 50%);; //头部 导航背景颜色
$base-menu-light-color:#565656; // 默认 字体颜色
$base-menu-light-color-active:rgb(228, 227, 227); // 目录激活字体颜色
$base-menu-light-background:$white; //left 一级目录 菜单颜色
$base-sub-menu-light-background:$white; //left 二级目录 菜单颜色
$base-sub-menu-light-hover:#dddddd; //hover 菜单颜色
$base-sub-menu-light-background-star-active:#dae4f5; // 选中菜单 开始颜色
$base-sub-menu-light-background-end-active:#f4f8ff; // 选中菜单 结束颜色
$base-sub-menu-light-color-active:#496dff; // 选中菜单 字体颜色
$body-light-background: $white; // 内容背景颜色


$base-sidebar-width: 250px;

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  menuColor: $base-menu-color; // left 菜单页面 color
  menuLightColor: $base-menu-light-color; // left two 菜单页面 color
  menuBackground: $base-menu-background; // left 菜单页面 bgc
  menuLightBackground: $base-menu-light-background; // left 菜单页面 bgc
  menuBackgroundNav: $menu-background-nav; // nav 背景颜色
  menuBackgroundNavLeft: $menu-background-nav-left; // nav 背景颜色 left
  menuLightBackgroundNav: $menu-light-background-nav; // nav 背景颜色
  menuLightBackgroundNavLeft: $menu-light-background-nav-left; // nav 背景颜色 left
  menuColorActive: $base-sub-menu-color-active; // 选中模块 字体颜色
  menuLightColorActive: $base-sub-menu-light-color-active; // 选中 字体颜色
  menuBodyBgc: $body-background; // 选中模块 字体颜色
  menuLightBodyBgc: $body-light-background; // 选中 字体颜色
}
